<template>
  <div id="successfulId">
      <view style="text-align: center;padding-top: 200upx">
        <u-icon name="checkmark-circle-fill" size="100" color="#4DB200"></u-icon>
      </view>
      <div class="font-30 font-b col-333 text-cent pd_t_19">支付成功</div>
      <div class="font-26 font-b col-666 text-cent pd_t_30 pd_b_70">恭喜您支付成功</div>
      <navigator url="/pages/user/order" class="user-btn text-cent col-fff font-30 bg-1f476d">查看我的订单</navigator>
      <navigator open-type="switchTab" url="/pages/pince/index" class="user-btn text-cent col-666 font-30 bg-fff">开始测评</navigator>
    </div>
  </div>
</template>

<script>
  export default {
    name: ""
  }
</script>

<style scoped>
  #successfulId {
    background: #f7f7f7;
    min-height: 100%;
  }
  .user-btn {
    width: 90%;
    height: 88upx;
    border-radius: 44upx;
    line-height: 88upx;
    margin: 40upx auto;
  }
  .bg-1f476d {
    background: #1f476d;
  }
</style>
